@import '../c_themes/theme.scss';
// 选择雪茄列表
.choose-list {
	background-color: $weakest-color;
	padding-top: 30rpx;
}
// 单词选择列表
.keyword-select-list {
	display: flex;
}
	.keyword-select-list .choose-list {
		flex: auto;
	}
	// 单词选择列表-字母选择列
	.keyword-select-list .keyword-select-bar{
		width: 10%;
		background-color: $side-bg-color;
	}
	// 单词选择列表-字母选择列
	.keyword-select-list .keyword-select-bar button{
		display: block;
		background-color: transparent;
		font-size: $title3-fontSize;
		padding: 10rpx 0rpx;
		border-left: $common-line;
		text-align: center;
		margin: 5rpx 0;
		color: $sub-color;
	}
	// 单词
	.keyword-select-list .keyword-select-bar button.word {
		font-size: $small-fontSize;
	}
	// 按钮-按下
	.keyword-select-list .keyword-select-bar button.button-hover{
		background-color: transparent !important;
	}
// 图标
.choose-list .tree-list .fontIcon {
	font-family: iconFonts;
	width: 50rpx;
	height: 50rpx;
	font-size: 50rpx;
	line-height: 1;
}
.choose-list .tree-list .tree-list {
	display: block !important;
}
	// 列表树的开关状态
	// 关闭的tree
	.choose-list .tree-list>view {
		display: none;
	}
		// 关闭的tree，标题显示
		.choose-list .tree-list>.tree-title {
			display: flex;
		}
		// 树标题-箭头
		.choose-list .tree-list .tree-title .fontIcon::after {
			content: $icon-goto;
			color: $light-color;
		}
	// 打开的tree
	.choose-list .tree-list.open view {
		display: flex;
	}
		// 树标题-箭头
		.choose-list .tree-list.open .tree-title .fontIcon::after {
			content: $icon-down-arrow;
			color: $sub-color;
		}
	// 树标题
	.choose-list .tree-list .tree-title {
		font-size: $title3-fontSize;
		font-weight: bold;
		padding:10rpx;
		border-bottom: $common-line-width solid $tweenLine-color;
		display: flex;
		align-items: center;
	}
	// 树项目
	.choose-list .tree-list .item {
		padding: 10rpx ;
		border-bottom: $common-line-width solid $tweenLine-color;
		border-left: 20rpx solid $tweenLine-color;
	}

	// 雪茄列表
		// 雪茄标
		.choose-list.choose-cigar-list .tree-list .item .preview-img,
		.choose-list.choose-cigar-list .tree-list .item .preview-img image,
		.choose-list.choose-cigar-list .tree-list .item .preview-img image div  {
			width: 140rpx !important;
			height: 90rpx !important;
		}
		// 雪茄信息
		.choose-list.choose-cigar-list .tree-list .item .cigar-info {
			display: block;
			width: 75%;
			white-space: break-all;
		}
		// 雪茄-英文名
		.choose-list.choose-cigar-list .tree-list .item .cigar-info .en-name{
			color: $normal-color;
		}
		// 雪茄-中文名
		.choose-list.choose-cigar-list .tree-list .item .cigar-info .cn-name{
			color: $sub-color;
		}
	// 地址列表
	.choose-list .address-list {
		padding:25rpx 15rpx;
		background-image: $common-list-bg-gradient;
		border-bottom: $common-line;
	}
		// 地址列表-标题
		.choose-list .address-list .list-title {
			font-size: $title3-fontSize;
			padding: 10rpx 0;
			font-weight: bold;
		}
		// 地址列表-内容
		.choose-list .address-list .list-item {
			width: 100%;
		}
		// 地址列表-内容-按钮
		.choose-list .address-list .list-item .common-btn {
			display: inline-block;
			padding: 20rpx 40rpx;
			margin-right: 10rpx;
			border-radius: $common-border-radius;
			border-color: $sub-light-color;
			background-color: $weakest-color;
			color: $normal-color;
		}
		// 地址列表-内容-按钮图标
		.choose-list .address-list .list-item .common-btn .fontIcon {
			font-size: 35rpx;
			vertical-align: bottom;
		}